<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    table {
      border-collapse: collapse;
    }

    table td {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <table>
    <tr>
      <td>1:1</td>
      <td>2:1</td>
      <td>3:1</td>
      <td>4:1</td>
      <td>5:1</td>
    </tr>
    <tr>
      <td>1:2</td>
      <td>2:2</td>
      <td>3:2</td>
      <td>4:2</td>
      <td>5:2</td>
    </tr>
    <tr>
      <td>1:3</td>
      <td>2:3</td>
      <td>3:3</td>
      <td>4:3</td>
      <td>5:3</td>
    </tr>
    <tr>
      <td>1:4</td>
      <td>2:4</td>
      <td>3:4</td>
      <td>4:4</td>
      <td>5:4</td>
    </tr>
    <tr>
      <td>1:5</td>
      <td>2:5</td>
      <td>3:5</td>
      <td>4:5</td>
      <td>5:5</td>
    </tr>
  </table>


  <script>

    var td = document.querySelector("td")
    // .style.backgroundColor = "black"
    console.log(td.style.color = "yellow");

    // var tableEl = document.body.firstElementChild
    // for (let i = 0; i < tableEl.rows.length; i++) {
      
    //   var cell = tableEl.rows[i].cells[i] 
    //   cell.style.backgroundColor = "red"
    //   cell.style.color = "white"
    // }


    var formEl = document.forms[0]
    
    var date = new Date()
    console.log(date.toLocaleTimeString());
    console.log(Date.now());
    console.log(date.toISOString());
  </script>
</body>
</html>